<template>
	<view class="index">
		<u-tabbar v-model="current" height="114" inactive-color="#171725" active-color="#0DBA5A" :list="navList"></u-tabbar>

	</view>
</template>
<script>
	import backAins from './backAins.vue'
	export default {
		components: {
			backAins
		},
		props: ['ks'],
		name: 'Nav',
		current: {
			type: Number,
			value: null
		},
		data() {
			return {
				lang: {},
				current: this.current,
				navList: [
					{
						iconPath: "/static/newImgs/icon12.png",
						selectedIconPath: "/static/newImgs/icon11.png",
						text: '推荐',
						pagePath: '/pages/myHome/index'
					},
					{
						iconPath: "/static/newImgs/icon22.png",
						selectedIconPath: "/static/newImgs/icon21.png",
						text: '景区',
						pagePath: '/pages/cateList/index',

					},
					{
						iconPath: "/static/newImgs/icon32.png",
						selectedIconPath: "/static/newImgs/icon31.png",
						text: '分类',
						pagePath: '/pages/scenicList/index',
					},
					
				
					{
						iconPath:"/static/newImgs/icon42.png",
						selectedIconPath: "/static/newImgs/icon41.png",
						text: '我的',
						pagePath:  '/pages/newMy/index',
					}
				]
			}
		},
		created() {

		},
		onLoad() {
		},
		methods: {

		}
	}
</script>
<style lang="less" scoped>
	.index {
		::v-deep .u-tabbar__content__item__text {
			font-size: 10px;
		}
	}
</style>
